import React from "react";
import { Link, Outlet } from "react-router-dom";
// 底部
// import Footer from "../../components/Footer";
// 按钮
import { Button, Space } from 'antd-mobile'
import './index.scss';

function Oreder() {
  return (
    <div className="order-index">
      {/* 1.头部 */}
      <div className="top bg-fff flex aic jc-sb">
        <Link to="/home" className="left iconfont icon-xiangzuo ml-10 f18 flex aic"><span className="body">返回</span></Link>
        <p className="image"><img src="http://villa.huruqing.cn/static/media/logo.69f3b3fb.png" alt="" /></p>
        <p className="right"></p>
      </div>

      {/* 2.轮播图 */}
      <div className="swipe">
        <img src="http://villa.huruqing.cn/static/media/demand.2ba5f74e.jpeg" alt="" />
      </div>

      {/* 3.内容 */}
      <div className="content wrap jc-c">
        <ul className="list bg-fff wrap jc-c">
          {/* 1. */}
          <li className="item flex aic body">
            <p className="mr-10">旅游类型</p>
            <span className="font color ml-10">家庭</span>
            <span className="font ml-10">公司</span>
            <span className="font ml-10">同学</span>
            <span className="font ml-10">其他</span>
          </li>

          {/* 2. */}
          <li className="item flex aic body ">
            <p className="mr-10">出游人数</p>
            <span className="font color ml-10">1-5</span>
            <span className="font ml-10">6-10</span>
            <span className="font ml-10">10+</span>
          </li>

          {/* 3. */}
          <li className="item flex aic ">
            <p className="mr-10 body">出游时间</p>
            <p className="ml-15">2021-09-09</p>
          </li>

          {/* 4. */}
          <li className="item flex aic ">
            <p className="mr-10 body">练系姓名</p>
            <p className="ml-15">胡老</p>
          </li>

          {/* 5. */}
          <li className="item flex aic ">
            <p className="mr-10 body">练系电话</p>
            <p className="ml-15">13866669999</p>
          </li>

          {/* 提交按钮 */}
          <div className="submit w100 flex jc-c pb-20 "><Button className="btn body" color='warning'>提交需求</Button></div>
        </ul>
      </div>




      {/* <Footer/> */}
    </div>
  );
} 
export default Oreder;
